//获取导航栏中点击的a标签
let a_icon = document.querySelector(".icon");
let dropdown = document.querySelector(".dropdown-content");
let flag = true;
const avatarChannel = new BroadcastChannel(10086);
const bcc = new BroadcastChannel(20000);

function toggleIconDropdown(e) {
    e.preventDefault();
    bcc.postMessage(flag);
    flag = !flag;

}

bcc.addEventListener("message", (e) => {
    flag = e.data;
});


//获取图片的dom对象
let img = document.querySelector("img");
avatarChannel.addEventListener('message', (e) => {
    const file = e.data;
    if (file) {
        const reader = new FileReader(); // new FileReader();对象允许 Web 应用程序异步读取存储在用户计算机上的文件内容。
        reader.onload = function(event) {
            document.querySelector('img').src = event.target.result;
            //event.target.result 通常是通过FileReader对象读取文件后的结果，表示文件的Base64编码数据或文件URL。
            const newAvatarUrl = event.target.result;

        };
        reader.readAsDataURL(file);

    }
});
